<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="../lib/jquery-3.4.1/jquery-3.4.1.min.js"></script>
    <link rel="stylesheet" href="../lib/layui-v2.5.4/css/layui.css">
    <script src="../lib/layui-v2.5.4/layui.js"></script>
    <script src="https://cdn.bootcss.com/axios/0.19.0/axios.min.js"></script>


</head>

<body>
<form style="margin-top: 20px"  class="layui-form-item" action="" lay-filter="departmentForm">
    <div class="layui-form-item" >
        <input id="pId" class="pId" value="" hidden="hidden">
    <div class="layui-inline">
        <label class="layui-form-label">产品名称</label>
        <div class="layui-input-block" style="width:200px">
            <input type="text" id="pName" name="pName"   autocomplete="off" placeholder="" class="layui-input">
        </div>
    </div>
    <div class="layui-inline">
        <label class="layui-form-label">产品产地</label>
        <div class="layui-input-inline" style="width:200px">
            <input type="text" id="pArea" name="pArea" lay-verify="title" autocomplete="off" placeholder=" " class="layui-input">
        </div>
    </div>
    <div class="layui-form-item">
        <label class="layui-form-label">产品规格</label>
        <div class="layui-input-block" style="width:200px">
            <!--<select name="pMl" id="pMl" >
                <option value="">&#45;&#45;请选择&#45;&#45;</option>
            </select>-->
            <input type="text" id="pMl" name="pMl" lay-verify="title" autocomplete="off" placeholder=" " class="layui-input">

        </div>
    </div>
    </div>
</form>

<script>
    function getValues() {
        var ppName = $("#pName").val();
        var ppArea = $("#pArea").val();
        var ppMl = $("#pMl").val();
        var ppId = $("#pId").val();
        var data = {"ppName": ppName, "ppArea":ppArea,"ppMl":ppMl,"ppId":ppId};
        return data;
    }


</script>
</body>
</html>